<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TableDemo</title>
</head>
<body>
<!--border指定表格边框线宽
    cellspacing指定单元格的间隙
    width指定表格宽度-->
<table border="2" cellspacing="0" width="30%">
    <!--tr定义行，align定义对齐方式-->
    <tr align="center">
        <!--th定义表头-->
        <th>序号</th>
        <th>品牌logo</th>
        <th>品牌名称</th>
        <th>企业名称</th>
    </tr>
    <tr align="center">
        <!--td定义单元格-->
        <td>010</td>
        <td><img src="../imgs/三只松鼠.png" height="30" width="60"></td>
        <td>三只松鼠</td>
        <td>三只松鼠</td>
    </tr>
    <tr align="center">
        <td>009</td>
        <td><img src="../imgs/优衣库.png" height="30" width="60"></td>
        <td>优衣库</td>
        <td>优衣库</td>
    </tr>
    <tr align="center">
        <td>008</td>
        <td><img src="../imgs/小米.png" height="30" width="60"></td>
        <td>小米</td>
        <td>小米科技有限公司</td>
    </tr>
</table>
<br>
<hr>
<br>
<table border="2" cellspacing="0" width="30%">
    <!--tr定义行，align定义对齐方式-->
    <tr align="center">
        <!--colspan指定可跨列数-->
        <th colspan="2">序号</th>
        <!--<th>品牌logo</th>-->
        <th>品牌名称</th>
        <!--rowspan指定可跨行数-->
        <th rowspan="2">企业名称</th>
    </tr>
    <tr align="center">
        <td>010</td>
        <td><img src="../imgs/三只松鼠.png" height="30" width="60"></td>
        <td>三只松鼠</td>
        <!--<td>三只松鼠</td>-->
    </tr>
    <tr align="center">
        <td>009</td>
        <td><img src="../imgs/优衣库.png" height="30" width="60"></td>
        <td>优衣库</td>
        <td>优衣库</td>
    </tr>
    <tr align="center">
        <td>008</td>
        <td><img src="../imgs/小米.png" height="30" width="60"></td>
        <td>小米</td>
        <td>小米科技有限公司</td>      <!--rowspan指定可跨行数-->
    </tr>
</table>
</body>
</html>